<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <ui:composition template="/templatecrud.xhtml"> 
     
        <ui:define name="title">           
        </ui:define>
       
       <ui:define name="Left">
           <h:form id="miform">
               <p:commandButton value="Agregar" action="#{cargoControlador.agregar()}"></p:commandButton>
               <p:dataTable rendered="true"  id="tablaCargo" var="cargo"  selectionMode="single" rowKey="#{cargo.idCargo}" value="#{cargoControlador.lstCargo}" style="width:1260px" scrollable="true" scrollHeight="200">  
                   
                   <p:column headerText="CODIGO" style="width:10%;word-break:break-all;">  
                       <h:outputText value="#{cargo.codigo}" />  
                    </p:column>  

                    <p:column headerText="NOMBRE" style="width:50%;word-break:break-all;">  
                        <h:outputText value="#{cargo.nombre}" />  
                    </p:column>  

                    <p:column headerText="AREA" style="width:28%;word-break:break-all;">  
                        <h:outputText value="#{cargo.area.nombre}" />  
                    </p:column>  
                   
                    <p:column style="width:6%;word-break:break-all;">  
                        <p:commandButton icon="ui-icon-pencil" action="#{cargoControlador.editar()}" >
                            <f:setPropertyActionListener value="#{cargo}" target="#{cargoControlador.currentCargo}" />  
                        </p:commandButton>
                    </p:column>  
                    
                   <p:column style="width:6%;word-break:break-all;">  
                        <p:commandButton icon="ui-icon-close" action="#{insumoControlador.showConfirm()}" >
                            <f:setPropertyActionListener value="#{cargo}" target="#{cargoControlador.currentCargo}" />  
                        </p:commandButton>
                    </p:column>  
                   
                </p:dataTable>  
            </h:form>
       </ui:define>
        
       <ui:define  name="Right">
          <h:form id="cruForm">
               <p:panelGrid  style="width:100%;border:0px;"   id="panelcrud">  
                   <p:row>   
                       <p:column  colspan="4" style="width:100%" >
                           <p:messages id="messages"/>
                       </p:column>
                   </p:row>
                    
                <p:row>   
                    <p:column colspan="2" style="width:20%"><p:commandButton  value="Salvar"  action="#{cargoControlador.persist()}"  ></p:commandButton></p:column>
                    <p:column colspan="2" style="width:80%"><p:commandButton value="Cancelar"></p:commandButton></p:column>
                </p:row> 
                <p:row>   
                    <p:column style="width:15%"><h:outputLabel value="Nombre : *" ></h:outputLabel></p:column>  
                    <p:column style="width:5%"></p:column>
                    <p:column style="width:80%" colspan="2"><p:inputText  id="nombresito" value="#{cargoControlador.currentCargo.nombre}" size="30" ></p:inputText></p:column>
                </p:row>
                <p:row>   
                    <p:column style="width:15%"><h:outputLabel value="Código : *" ></h:outputLabel></p:column>  
                    <p:column style="width:5%"></p:column>  
                    <p:column style="width:80%" colspan="2"><p:inputText id="codigo"  value="#{cargoControlador.currentCargo.codigo}" size="30" ></p:inputText></p:column>
                </p:row>
                                             
                <p:row>    
                   <p:column style="width:15%"><h:outputLabel value="Area : *" ></h:outputLabel></p:column>
                   <p:column style="width:5%"><p:message for="area" display="icon"  /> </p:column>
                   <p:column style="width:20%"><p:selectOneMenu id="area" requiredMessage="El Area es obligatorio" value="#{cargoControlador.currentCargo.area.idArea}">
                           <f:selectItem  itemLabel="Seleccione un area" itemValue="#{null}"></f:selectItem>
                           <f:selectItems value="#{cargoControlador.lstArea}" var="area" itemLabel="#{area.nombre}" itemValue="#{area.idArea}"></f:selectItems>
                       </p:selectOneMenu>
                   </p:column>
                    <p:column style="width:60%;" >    
                        <p:commandButton icon="ui-icon-pencil" oncomplete="AreaDlg.show()" />
                   </p:column>                   
                </p:row>   
                   
           </p:panelGrid> 
              
            <p:dialog header="Area"  resizable="false" widgetVar="AreaDlg"  
                showEffect="fade" hideEffect="explode" modal="true">  
  
               <p:panelGrid columns="2">
                   <p:column><h:outputLabel value="Nombre : *" /></p:column>
                   <p:column><p:inputText id="nombreArea"  value="#{cargoControlador.currentArea.idArea}" size="20"/></p:column>
                   <p:column ><p:commandButton  value="Salvar" action="#{cargoControlador.persistArea()}" ></p:commandButton></p:column>
                   <p:column ><p:commandButton value="Cancelar"></p:commandButton></p:column>
  
               </p:panelGrid>
            </p:dialog>  
              
               <p:dialog header="Eliminación"  resizable="false" widgetVar="ConfirmDlg"  
                showEffect="fade" hideEffect="explode" modal="true">  
  
               <p:panelGrid >
                   <p:row >  
                       <p:column colspan="2"><h:outputLabel value="¿Esta seguro que desea eliminar el activo?" /></p:column>
                   </p:row>
                   
                   <p:row >  
                       <p:column ><p:commandButton value="Ok" action="#{cargoControlador.eliminar()}" /></p:column>
                       <p:column ><p:commandButton value="cancel" action="#{cargoControlador.closeConfirm()}" /></p:column>
                   </p:row>
               </p:panelGrid>
            </p:dialog>      
         
         </h:form>

       </ui:define>
   
    </ui:composition>
</html>

